<template>
  <div id="applyJobView">
    <a-select :style="{ width: '320px' }" placeholder="Please select ...">
      <a-option>郝福苍</a-option>
      <a-option>不福苍</a-option>
      <a-option>马明宇</a-option>
    </a-select>
    <a-space direction="vertical" size="large" fill STYLE="padding-top: 30px">
      <a-descriptions
        :data="data"
        title="学生信息"
        layout="inline-horizontal"
      />
    </a-space>
    <a-steps :current="2" status="error" class="currentStep">
      <a-step description="This is a description">未就业</a-step>
      <a-step description="This is a description">申请中</a-step>
      <a-step description="This is a description">就业成功</a-step>
    </a-steps>
    <a-upload class="uploadBox" draggable action="/" />
    <a-button type="primary" shape="round">提交申请</a-button>
  </div>
</template>

<script setup lang="ts">
const data = [
  {
    label: "姓名",
    value: "福苍",
    span: 3,
  },
  {
    label: "手机号",
    value: "123-1234-1234",
  },
  {
    label: "意向城市",
    value: "花果山",
  },
];
</script>

<style scoped>
#applyJobView {
}

.currentStep {
  padding-top: 30px;
}

.uploadBox {
  padding-top: 30px;
  margin-bottom: 30px;
}
</style>
